	@charset "utf-8";
.banner {
	height: 400px;
}

.about {
	width: 100%;
	height: 482px;
	background-color: #fafafa;
}

.about .about_top {
	text-align: center;
	padding-top: 31px;
}

.about .about_title_box {
	text-align: center;
	border: 1px solid #6db6ff;
	display: inline-block;
	padding: 0 13px;
}

.about .about_title_box p {
	font-size: 24px;
	line-height: 28px;
	padding: 0 4px;
	margin-top: -15px;
	background-color: #fafafa;
}

.about .about_title_box span {
	font-family: arial;
	font-size: 16px;
	line-height: 17px;
}

.about .aboutwrap {
	box-sizing: border-box;
	width: 100%;
	padding-left: 51px;
	padding-top: 21px;
}

.about .aboutwrap .about_middle {
	box-sizing: border-box;
	padding-top: 18px;
	background-color: #f2f2f2;
	width: 267px;
	height: 319px;
	text-align: center;
}

.about_middle .title {
   font-size: 16px;
	margin: 16px auto;	
}
.about .aboutwrap .about_middle .title-b{
	height: 88px;
	padding: 0 12px ;
}
.about .aboutwrap .about_middle .title-b span{
	font-size: 12px;
	color: #838383;
}


.about .aboutwrap .about_middle2 {
	box-sizing: border-box;
	padding-top: 18px;
	background-color: #f2f2f2;
	margin: 0 20px;
	width: 322px;
	height: 319px;
	text-align: center;
}

.about_middle2 .mission {
	margin: 16px auto;
	font-size: 16px;
	
}
.about .aboutwrap .mission-b{
    padding: 0 35px;
	
	
}
.about .aboutwrap .mission-b span{
	font-size: 12px;
	color: #838383;
}


.about .aboutwrap .about_middle3 {
	box-sizing: border-box;
	padding-top: 18px;
	background-color: #f2f2f2;
	width: 267px;
	height: 319px;
	text-align: center;
}

.about .aboutwrap .about_middle3 .vision {
	margin: 16px auto;
	font-size: 16px;
}	
.about .aboutwrap .about_middle3 .vision-b{
	padding: 0 12px;
	height: 88px;
}
.about .aboutwrap .about_middle3 .vision-b span{
	color: #838383;
	font-size: 12px;
}   

.about .case {
	
	text-align: center;
	padding-top: 31px;
}

.about .case_box {
	text-align: center;
	border: 1px solid #6db6ff;
	display: inline-block;
	padding: 0 13px;
}

.about .case_box p {
	font-size: 24px;
	line-height: 28px;
	padding: 0 4px;
	margin-top: -15px;
	background-color: #fafafa;
}

.about .aboutwrap .case_box span {
	font-family: arial;
	font-size: 16px;
	line-height: 17px;
}

.web .project {
	text-align: center;
	margin-top: 24px;
}

.web ul li {
	display: inline-block;
}

.web .img-box span {
	font-size: 16px;
}

.project .button a {
	background-color: #6db6ff;
	color: white;
	font-size: 16px;
	width: 135px;
	display: inline-block;
	margin: 19px auto;
	padding: 6px 0 6px;
	
}

.link {
	width: 100%;
	border-bottom: 2px solid #eaedf0;
}

.link .advi_box {
	width: 895px;
	height: 304px;
	margin: 29px auto;
}
.link .advi_box img{
	width: 100%;
}

.bottom {
	padding-left: 51px;
	text-align: left;
	margin-top: 45px;
}

.table {
	display: inline-block;
}

.bottom .table span {
	font-size: 16px;
	font-weight: bold;
}

.bottom .table p {
	font-size: 12px;
}

.table1 {
	display: inline-block;
	margin: 0 111px 0 57px;
}

.bottom .table1 span {
	font-size: 16px;
	font-weight: bold;
}

.bottom .table1 p {
	font-size: 12px;
}

.table2 {
	display: inline-block;
}

.bottom .table2 span {
	font-size: 16px;
	font-weight: bold;
}

.bottom .table2 p {
	font-size: 12px;
}

.table2 {
	display: inline-block;
}

.bottom .table3 span {
	font-size: 16px;
	font-weight: bold;
}

.bottom .table3 p {
	font-size: 12px;
}

.table3 {
	display: inline-block;
	margin: 0 71px 0 55px;
}

.bottom .table span {
	font-size: 16px;
	font-weight: bold;
}

.bottom .table p {
	font-size: 12px;
}

.bottom .table span {
	margin-bottom: 28px;
	display: block;
}

.bottom .table1 span {
	margin-bottom: 28px;
	display: block;
}

.bottom .table2 span {
	margin-bottom: 28px;
	display: block;
}

.bottom .table3 span {
	margin-bottom: 28px;
	display: block;
}

.bottom  .p_box{
	padding:6px 0 6px 0;
}

.phone {
	position: relative;
	width: 290px;
	height: 122px;
	margin-top: 45px;
}
.phone .phone-img{
	padding-right: 7px ;
}
.phone-font {
	font-size: 16px;
	font-weight: bold;
}
.phone .phone-num{
	font-size: 12px;
}
.phone .phone-pos{
	font-size: 12px;
	position: absolute;
	top: 35px;
	left: 50px;
}

.phone .erweima{
	position: absolute;
	width: 45px;
	height: 45px;
	bottom: 26px;
	left: 0;
}
.phone .erweima img{
	width: 100%;
}
.phone .text{
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	left: 59px;
	bottom: 26px;
}

	/*margin:0 auto; 
 * 设置宽度 width:< 1366  （元素自身）
  	针对块级元素，行内块级
  
  text-align:center;(父元素)
	  必须保证有多余的宽度
  	  针对行内块级，行内元素，文本，img
  
  vertical-align:middle;
  height:200px;    必须高度和行高一样
  line-height:200px;
     	
     	内容只能一行
     	内容如果多行需要重置行高
 */